.button {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font-size: 100%;
	font-weight: bold;
	padding: 5px 10px;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
}

.button:hover {
	text-decoration: none;
}

.button:active {
	postion: relative;
	top: 1px;
}

.button.small {
	font-size: 100%;
	padding: 1px 3px;
}

.button.large {
	font-size: 150%;
	padding: 20px 12px;
}

.button.black {
	color: #FFF;
	border: solid 1px #444;
	background: -webkit-gradient(linear, left top, left bottom, from(#666),
		to(#000) );
}

.button.black:hover {
	background: -webkit-gradient(linear, left top, left bottom, from(#444),
		to(#000) );
}

.button.black:active {
	color: #555;
	background: -webkit-gradient(linear, left top, left bottom, from(#000),
		to(#444) );
}

.orange {
	color: #FFF;
	border: solid 1px #FF5000;
	background: -webkit-gradient(linear, left top, left bottom, from(#FF8000),
		to(#FF4000) );
}

.orange:hover {
	background: -webkit-gradient(linear, left top, left bottom, from(#FF5000),
		to(#FF4000) );
}

.orange:active {
	color: #FF9977;
	background: -webkit-gradient(linear, left top, left bottom, from(#FF4000),
		to(#FF6000) );
}

.button.red {
	color: #FFF;
	border: solid 1px #FF3333;
	background: -webkit-gradient(linear, left top, left bottom, from(#FF5555),
		to(#FF0000) );
}

.button.red:hover {
	background: -webkit-gradient(linear, left top, left bottom, from(#FF4444),
		to(#FF0000) );
}

.button.red:active {
	color: #FF5555;
	background: -webkit-gradient(linear, left top, left bottom, from(#FF0000),
		to(#FF4444) );
}

.button.blue {
	color: #FFF;
	border: solid 1px #0055CC;
	background: -webkit-gradient(linear, left top, left bottom, from(#0099FF),
		to(#0044BB) );
}

.button.blue:hover {
	background: -webkit-gradient(linear, left top, left bottom, from(#0077DD),
		to(#0044BB) );
}

.button.blue:active {
	color: #8888FF;
	background: -webkit-gradient(linear, left top, left bottom, from(#0044BB),
		to(#0099FF) );
}

.button.green {
	color: #FFF;
	border: solid 1px #119911;
	background: -webkit-gradient(linear, left top, left bottom, from(#449944),
		to(#009900) );
}

.button.green:hover {
	background: -webkit-gradient(linear, left top, left bottom, from(#229922),
		to(#009900) );
}

.button.green:active {
	color: #779977;
	background: -webkit-gradient(linear, left top, left bottom, from(#009900),
		to(#449944) );
}

.button.gray {
    color: #FFF;
    border: solid 1px #382D2C;
    background: -webkit-gradient(linear, left top, left bottom, from(#747170),
		to(#5F5A59) );
}
